<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="El Justiciero, alumando, profesorado, cuatrovientos, notas, competencias claves" />
<meta name="description" content="Esta es una aplicacion con la cual el instituto cuatrovientos puede evaluar a sus alumnos basandose en las notas tecnicas y las competencias claves" />

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>


<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>El Justiciero</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
	<div id="header" class="container">
		<div id="logo">
			<h1><a href="#">El Justiciero</a></h1>
			<p>Diseñado para <a href="http://www.cuatrovientos.org/cuatrovientos/index.htm">Instituto Cuatrovientos</a></p>
		</div>
		<div id="menu">
			<ul>
				<li class="current_page_item"><a href="login.php">Home</a></li>
				<li><a href="http://www.cuatrovientos.org/cuatrovientos/index.htm">Cuatrovientos</a></li>
				<li><a href="http://alviento.cuatrovientos.org/">Alviento</a></li>
				<li><a href="http://www.pello.info/">Pello.Info</a></li>
			</ul>
		</div>
	</div>
	<!-- end #header -->
	<div id="page">
		<div id="content">
			
  
  <!--script para css dentro del html-->
<style type="text/css">
  .error {  
       color: #D8000C;  
       background-color: #FFBABA;  
       background-image: url('error.png');
       font-family:Arial, Helvetica, sans-serif;   
       font-size:13px;  
       border: 1px solid;  
       margin: 10px 0px;  
       padding:15px 10px 15px 50px;  
       background-repeat: no-repeat;  
       background-position: 10px center;  
       position:relative;        
	}  
</style>

<!--Mensajes de error, con el css de .error-->
	<script type="text/javascript">  
		$(document).ready(function(){  
		setTimeout(function(){ $(".mensajes").fadeOut(800).fadeIn(800).fadeOut(500).fadeIn(500).fadeOut(300);}, 3000);   
		});  
	</script>
	
	<?php
		if ($_GET["error"] == 1) {
			echo "<div class='error mensajes'>Error al introducir el login o la contraseÃ±a</div>";
		}
	?>
	
	<form name="formu" method="post" action="comprobar.php">
		<!--<fieldset>
			<legend>Inicio de sesiÃ³n</legend>-->
			</br>
			<table>
			<tr>
				<td colspan="2">
					Para iniciar sesion introducir el login y la contraseña.
				</td>
			</tr>	
			<tr>
				<td>
					<label for="login">Login</label>
				</td>
				<td>
					<input type="text" name="login" id="login"  class="texto"/>
				</td>
			</tr>
			<tr>
				<td>
					<label for="pass">Password</label>
				</td>
				<td>
					<input type="password" name="pass" id="pass"  class="texto"/>
				</td>
			</tr>

			<tr>
				<td colspan="2">
					<input type="submit" name="enviar" id="enviar" value="Entrar" />
				</td>

			</tr>
			</table>
		<!--</fieldset>-->
		</form>
	
		</div>
		<!-- end #content -->
		<div id="sidebar">
			
		</div>
		<!-- end #sidebar -->
		<div style="clear: both;">&nbsp;</div>
	</div>
	<!-- end #page -->
</div>

<div id="footer">
	<p>Diseñado por Sergio Bordonabar, Mikel Ganuza, Eneko Nicolay y Jan Stollen.</p>
</div>
<!-- end #footer -->
</body>
</html>
